/**
* @Author:lu
* @Date: 2019/12/22
* @Version: 1.0
* @Last Modified by: lu
* @Last Modified time: 2019/12/22
**/
<comment>
  # 积分商城
</comment>
<template>
  <div id="IntegrationShopAddress" class="p-box">
    <div class="p-return">
      <mu-appbar color="primary" class="lan-header" style="box-shadow:none">
        <mu-button icon slot="left" v-close>
          <i class="iconfont angle-left iconangle-left"></i>
          <span class="lan-header-back">返回</span>
        </mu-button>兑换店铺地址
      </mu-appbar>
    </div>
    <div class="p-content">
      <div class="address-box">
        <div class="address-title">兑换店铺地址：</div>
        <div class="address-content">
          <ul>
            <li v-for="(item,index) in data" :key="index">
              <p>{{item.shopName}}</p>
              <p>{{item.shopAddress}}</p>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "IntegrationShopAddress",
  components: {},
  props: {},
  data() {
    return {
      leftScore: 0,
      data: [],
      mxImg: require("#/assets/img/mx.png")
    };
  },
  computed: {},
  created() {
    this.initAddress();
  },
  mounted() {},
  watch: {},
  methods: {
    initAddress() {
      this.$openLoading();
      let params = {
        orgId: this.$A.GS("orgInfo")["orgId"],
        type: this.$A.GS("orgInfo")["type"],
        current: -1
      };
      this.$A.Go("get", "/safety/shop/pageList", params).then(res => {
        this.$closeLoading();
        if (res.code == 200 && res.body.rows && res.body.rows.length) {
          this.data = [];
          res.body.rows.forEach(item => {
            if (item.status == 0) {
              this.data.push(item);
            }
          });
        } else {
          this.data = [];
        }
      });
    },
    goDetail() {
      this.$router.push({
        name: "IntegrationExchangeMessage"
      });
    }
  },
  destroyed() {}
};
</script>

<style lang="scss">
#IntegrationShopAddress {
  .address-box {
    display: flex;
    background: #fff;
    flex-direction: column;
    height: 100%;
    .address-title {
      font-size: 0.15rem;
      font-weight: bold;
      padding: 0.1rem 0.14rem;
    }
    .address-content {
      padding: 0rem 0.14rem;
      padding-bottom: 0.2rem;
      flex: 1;
      overflow: auto;
      li {
        margin-top: 0.14rem;
        font-size: 0.13rem;
        color: #8c8c8c;
      }
    }
  }
}
</style>
